<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>订单打印</title>
    <style>
        body, div, table, dl, dt, dd, h1 {
            padding: 0;
            margin: 0;
        }

        a {
            text-decoration: none;
            cursor: pointer;
            color: #666;
        }
    </style>
    <script type="text/javascript" src="__STATIC__/wap_index/js/jquery.min.js"></script>
    <script type="text/javascript" src="__STATIC__/js/jQuery.print.js"></script>
</head>

<body style=" color:#333333;font-size:14px;">
<div style="position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 20;">
    <div style="position:absolute;top:50%;left:50%;width:800px;height:580px;margin:-290px 0 0 -400px;background:#ffffff;overflow-y:auto;">
        <div style="height:40px;padding:5px 10px;border-bottom:1px solid #dddddd;">
            <img src="__STATIC__/wap_index/images/print.png" style="float:left;width:36px;"/>
            <dl style="float:left;margin-left:15px;">
                <dt style="font-size:16px;">打印订单</dt>
                <dd style="color:#999999;font-size:12px;">商城实物商品交易订单查询及管理</dd>
            </dl>
        </div>
        <div style="width:94%;margin:20px auto;padding:0 10px;border:1px solid #dddddd;">
            <h1 style="padding:8px 0;color:#333333;font-size:14px;">商品信息</h1>
            <table style="width:100%;font-size:12px;border:1px solid #dddddd;border-collapse:collapse;">
                <tr>
                    <th width="42%" style="padding:8px 0;font-weight:normal;border-bottom:1px solid #dddddd;">商品名称</th>
                    <th width="12%" style="padding:8px 0;font-weight:normal;border-bottom:1px solid #dddddd;">商品货号</th>
                    <th width="16%" style="padding:8px 0;font-weight:normal;border-bottom:1px solid #dddddd;">规格属性</th>
                    <th width="10%" style="padding:8px 0;font-weight:normal;border-bottom:1px solid #dddddd;">数量</th>
                    <th width="10%" style="padding:8px 0;font-weight:normal;border-bottom:1px solid #dddddd;">单价</th>
                    <th width="10%" style="padding:8px 0;font-weight:normal;border-bottom:1px solid #dddddd;">单品小计</th>
                </tr>
                {volist name="goods" id="val" key="i"}
                <tr>
                    <td style="padding:4px 2px;">{$val.goods_name}</td>
                    <td style="padding:4px 2px;text-align:center;border-bottom:1px solid #dddddd;">{$val.goods_sn}</td>
                    <td style="padding:4px 2px;text-align:center;border-bottom:1px solid #dddddd;">{$val.spec_key_name}
                    </td>
                    <td style="padding:4px 2px;text-align:center;border-bottom:1px solid #dddddd;">{$val.goods_num}</td>
                    <td style="padding:4px 2px;text-align:center;border-bottom:1px solid #dddddd;">{$val.goods_price}</td>
                    <td style="padding:4px 2px;text-align:center;border-bottom:1px solid #dddddd;">￥{:number_format($val['goods_price'] * $val['goods_num'], 2)}</td>
                </tr>
                {/volist}
            </table>
            <div style="line-height:30px;text-align:center;text-align:right;font-size:12px;">
                订单总额：￥{:number_format($list['total_amount'],2)}
            </div>
            <h1 style="padding:8px 0;color:#333333;font-size:14px;border-top:1px solid #dddddd;">收货信息</h1>
            <table style="width:100%;font-size:12px;padding:0 0 5px;">
                <tr>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">收件人：</td>
                    <td>{$delivery.consignee}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">联系电话：</td>
                    <td>{$delivery.mobile}</td>
                    {notempty name="delivery.zipcode"}
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">邮编：</td>
                    <td>{$delivery.zipcode}</td>
                    {/notempty}
                </tr>
                <!--<tr>-->
                    <!--<td style="width:70px;padding:4px 0;color:#999999;text-align:right;">邮箱：</td>-->
                    <!--<td colspan="5">459598598565@qq.com</td>-->
                <!--</tr>-->
                <tr>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">收货地址：</td>
                    <td colspan="5">{$delivery.province|region_name}{$delivery.city|region_name}{$delivery.district|region_name}{$delivery.address}</td>
                </tr>
            </table>
            <h1 style="padding:8px 0;color:#333333;font-size:14px;border-top:1px solid #dddddd;">订单详情</h1>
            <table style="width:100%;font-size:12px;padding:0 0 5px;">
                <tr>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">下单日期：</td>
                    <td>{$list.create_time|date='Y-m-d H:i:s',###}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">订单号：</td>
                    <td>{$list.order_sn}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">支付方式：</td>
                    <td>{$payment.pay_name}</td>
                </tr>
                <tr>
                    <!--<td style="width:70px;padding:4px 0;color:#999999;text-align:right;">配送方式：</td>-->
                    <!--<td>申通物流</td>-->
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">订单总价：</td>
                    <td>￥{:number_format($list['total_amount'],2)}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">商品价格：</td>
                    <td>￥{:number_format($list['goods_price'],2)}</td>
                </tr>
                <tr>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">配送费用：</td>
                    <td>￥{:number_format($list['shipping_price'],2)}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">订单优惠：</td>
                    <td>￥{:number_format($list['order_prom_amount'],2)}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">使用积分：</td>
                    <td>￥{:number_format($list['integral_money'],2)}</td>
                </tr>
                <tr>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">使用余额：</td>
                    <td>￥{:number_format($list['user_money'],2)}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">应付金额：</td>
                    <td>￥{:number_format($list['order_amount'],2)}</td>
                    <td style="width:70px;padding:4px 0;color:#999999;text-align:right;">发票抬头：</td>
                    <td>   {if condition="$invoice.title_type eq 0"}个人{elseif condition="$invoice.title_type eq 1"}公司{/if}</td>
                </tr>
            </table>
        </div>
        <div style="width:94%;margin:20px 0;padding:0 10px;">
            <button onclick="$('body').print();" style="padding:6px 10px;border-radius:3px;background:#dddddd;color:#333333;outline: none;font-size:16px;border:0;cursor:pointer;">
                打印订单
            </button>
        </div>
    </div>
</div>
</body>
</html>
